<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>随堂练习</title>
    <div data-th-replace="layout/head"></div>
    <link rel="stylesheet" th:href="@{{path}/front/mobile/v3/wmui/0.6.2/css/wm-extend.min.css?v={v}(path=${staticPath},v=${v})}"/>
</head>
<body>
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left goBack" th:href="@{/mobile/course/info?onLimit=true&courseId={courseId}(courseId=${examRecord['courseIds']})}">
            <span class="iconfont icon-fanhui"></span>
        </a>
        <h1 class="title">随堂练习</h1>
    </header>

    <nav class="bar bar-tab course-info-bar-tab exam-r-bar-tab">
        <a class="tab-item external" id="AnswerCard-btn" href="javascript:void(0)">
            <em class="iconfont icon-datiqia_icon vam"></em><span class="vam ml5">答题卡</span>
        </a>
        <a th:if="${examRecord['status']}==1" class="tab-item external cInfo-price-bx" href="javascript:void(0);" id="finish-course-exercise">
            <span> 完成练习 </span>
        </a>
    </nav>

    <article class="content wm-content ovf order-content">
        <section class="wm-buttons-tab__wrap">
            <section class="card-header">
                <span id="exam-active-type">试题类型</span>
                <span class="fs7">
                    <big>
                    <strong class="c-blue" id="exam-active-number">1</strong>
                    </big>/<th:block th:text="${examRecord['questionCount']}"></th:block>
                </span>
            </section>
        </section>
        <div class="content examination__wrap courses-list-page__wrap ovf">
            <div class="swiper-container" data-space-between='10'>
                <div class="swiper-wrapper" id="question-list-box">
                  <!-- 试题内容 -->
                </div>
            </div>
        </div>
    </article>

    <div class="popup popup-about AnswerCard-Popup cArticleMenuPopup" data-popup="">
        <header class="bar bar-nav">
            <button class="button button-link button-nav pull-right close-popup">
                <span class="iconfont icon-guanbi mr5"></span>
            </button>
            <h1 class="title pl5" style="text-align: left">
                答题卡
                <small class="fs4 c-bbb" th:text="'（共 '+${examRecord['questionCount']}+' 道）'"></small>
            </h1>
        </header>
        <div class="content">
            <div class="content-padded" id="AnswerCard-popup-num-list">
                <!-- 答题卡内容 -->
            </div>
        </div>
    </div>
    <didv style="display: none;">
            <input type="hidden" id="examRecordId" th:value="${examRecord['id']}"/>
            <input type="hidden" id="courseId" th:value="${examRecord['courseIds']}"/>
            <input type="hidden" id="catalogId" th:value="${examRecord['catalogId']}"/>
            <input type="hidden" id="status" th:value="${examRecord['status']}"/>
    </didv>
    <div data-th-replace="layout/footer"></div>
    <script th:src="@{{path}/front/mobile/libs/swiper/swiper.min.js?v={v}(path=${staticPath},v=${v})}" charset="utf-8"></script>
    <script th:src="@{{path}/front/mobile/business/exam/common/exam.js?v={v}(path=${staticPath},v=${v})}" charset="utf-8"></script>
    <script th:src="@{{path}/front/mobile/business/exam/record/get-user-answer.js?v={v}(path=${staticPath},v=${v})}" charset="utf-8"></script>
    <script th:src="@{{path}/front/mobile/business/course/play/exercises/common-exercises.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/front/mobile/business/course/play/exercises/course-exercises.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/front/mobile/business/course/play/exercises/load-question-data.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:inline="javascript" type="text/javascript">
    </script>
</body>
</html>
